import React from 'react';
import ReactDOM from 'react-dom/client';
// import { UserContext, ThemeContext } from './05_useContext/context'
import { UserContext, TokenContext } from './10_自定义Hooks/context'
import { Provider } from 'react-redux';
// import App from './App';
// import App from './01_不使用Hook/App';
// import App from './02_计数器的实现/App';
// import App from './03_useState的使用/App';
// import App from './04_useEffect/App';
// import App from './05_useContext/App';
// import App from './07_useCallback/App';
// import App from './08_useMemo/App';
// import App from './09_useRef/App';
// import App from './10_自定义Hooks/App';
import App from './11_redux中的hooks/App';
import store from './11_redux中的hooks/store';


const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  // <UserContext.Provider value={{ name:'张三', age:18 }}>
  //   <ThemeContext.Provider value={{ color: 'red' }}>
  //     <App />
  //   </ThemeContext.Provider>
  // </UserContext.Provider>
  <UserContext.Provider value={{ name:'张三', age:18 }}>
    <TokenContext.Provider value={'TOKEN4315354653'}>
    <Provider store={store}>
      <App />
    </Provider>
    </TokenContext.Provider>
  </UserContext.Provider>
);

